<script setup>
import { defineProps,reactive } from 'vue';

const props = defineProps({
  name: String,
});

const china_english_dict = reactive({
  "user": "用户管理",
  "machine": "电动车管理",
  "analyze": "仪表盘",
  "access": "权限管理",
  "map": "地图",
  "orders": "订单管理",
  "area": "区域管理",
  "home": "主页"
})
</script>


<template>
  <div class="content">
    <div style="margin-top: 7px">
      <h1 class="title">FastRay.{{ china_english_dict[props.name] }}<span class="dot">·</span>{{ props.name }}</h1>
    </div>

  </div>
</template>

<style scoped>
.content {
  margin-left: 60px;
  margin-top: 40px;
  border-bottom: 1px dashed red;
  height: 110px;
  width: 1130px;
}

.title {
  font-size: 32px;
}

.dot {
  color: red;
}
</style>
